<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>认识html标签-天亮教育</title>
</head>
<body>
<h1>初始html标签</h1>
<h2>认识html结构</h2>
<p>
    单词缩写： paragraph 段落 [pærəgræf]无须记这个单词
    在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：
    在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：
    在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：
    在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：
    在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：
</p>
<hr/>
<p>
    单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl] 同上
    在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，就是创建横跨网页水平线的标签。其基本语法格式如下：
    在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，就是创建横跨网页水平线的标签。其基本语法格式如下：
    在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，就是创建横跨网页水平线的标签。其基本语法格式如下：
    在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，就是创建横跨网页水平线的标签。其基本语法格式如下：
    在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，就是创建横跨网页水平线的标签。其基本语法格式如下：
</p>

<p>
    天亮教育<br/>
    尚云科技
</p>

<div>
    尽量要语义化
    <div>标题： <strong>初始前端</strong></div>
    <div>姓名：<span style="color: lightblue"><del>李四</del></span></div>
    <div>
        <ins>性别：</ins>
        <i>男</i></div>
</div>
<h3>这是一个三级标题</h3>
<div>strong： <strong>加粗效果</strong></div>
<div>em： <em>斜体效果</em></div>
<div>del：
    <del>删除线效果</del>
</div>
<div>ins：
    <ins>下划线效果</ins>
</div>

<!--相对路径-->
<img src="./img1.jpg" alt="表情包" title="你瞅啥" width="100">
<!--./ 代表当前目录-->
<img src="./img/img2.jpg" alt="哇偶" title="你瞅啥" width="100">
<!-- ../ 上级目录-->
</body>
</html>